<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>查看报价</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>

    <div id="qrcodeMade" class="qrcode-made"></div>
    
    <div class="container">

      <div class="header clearfix">
        <h3 class="text-muted pull-left hidden-xs">磁易购简易需求发布与报价系统</h3>
        <h3 class="text-muted col-xs-12 visible-xs-block pd0">磁易购简易需求发布与报价系统</h3>
        <nav>
          <ul class="nav nav-pills pull-right hidden-xs">
            <li role="presentation"><a href="index.html">需求录入</a></li>
            <li role="presentation" class="active"><a href="search.html">搜索需求（查看报价）</a></li>
            <li role="presentation"><a href="javascript:;">报表</a></li>
          </ul>
          <ul class="nav nav-pills co-xs-12 visible-xs-block">
            <li role="presentation"><a href="index.html">需求录入</a></li>
            <li role="presentation" class="active"><a href="search.html">搜索需求（查看报价）</a></li>
            <li role="presentation"><a href="javascript:;">报表</a></li>
          </ul>
        </nav>
      </div>

    </div>


    <div class="col-sm-12 mb30">

      <div class="page-header">
        <h1 class="text-center"><b>需求信息</b></h1>
      </div>

      <div class="table-responsive">
        <table class="table table-striped" id="requireTable">
          <thead>
            <tr>
              <!-- <th>#</th> -->
              <th>状态</th>
              <th>发布日期</th>
              <th>需求单号</th>
              <th>采购商</th>
              <th>形状</th>
              <th>规格</th>
              <th>材质</th>
              <th>牌号</th>
              <th>充磁方向</th>
              <th>镀层</th>
              <th>需求数量</th>
              <th>单位</th>
              <th>交货日期</th>
              <th>图纸</th>
              <th>联系人</th>
              <th>联系电话</th>
              <th>备注</th>
              <th>链接</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <!-- <th scope="row">2</th> -->
              <td>有效</td>
              <td>2015-05-20</td>
              <td><a href="detail.html">011-20150520-002</a></td>
              <td>水晶晶大采购</td>
              <td>球形</td>
              <td>D11</td>
              <td>烧结钕铁硼</td>
              <td>N36</td>
              <td>轴向</td>
              <td>镀银</td>
              <td>1000</td>
              <td>吨</td>
              <td>2015-06-01</td>
              <td><a href="">http://dddd.ssss.bbb</a></td>
              <td>王晶她爸</td>
              <td>15817481917</td>
              <td>拒收韵达</td>
              <td class="links"><a href="">http://www.baidu.com</a></td>
            </tr>
          </tbody>
        </table>
      </div>

    </div>

    <div class="col-sm-10 col-sm-offset-1">
      
      <div class="panel panel-primary">
        <div class="panel-heading">
          <h3 class="panel-title text-center">报价信息<a class="more-quote pull-right" href="">更多</a></h3>
        </div>
        <div class="panel-body">
          <div class="table-responsive">
            <table class="table table-striped">
              <thead>
                <tr>
                  <th>#</th>
                  <th>状态</th>
                  <th>供应商</th>
                  <th>报价时间</th>
                  <th>报价</th>
                  <th>货币</th>
                  <th>单位</th>
                  <th>报价有效期</th>
                  <th>联系人</th>
                  <th>联系电话</th>
                  <th>备注</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <th scope="row">1</th>
                  <td>有效</td>
                  <td>水晶晶磁材分厂</td>
                  <td>2015-05-20 10:30</td>
                  <td>19</td>
                  <td>RMB</td>
                  <td>件</td>
                  <td>2015-05-25</td>
                  <td>王晶她妈</td>
                  <td>15817481917</td>
                  <td>不包邮</td>
                </tr>
                <tr>
                  <th scope="row">2</th>
                  <td>有效</td>
                  <td>水晶晶磁材总厂</td>
                  <td>2015-05-20 10:30</td>
                  <td>10</td>
                  <td>RMB</td>
                  <td>件</td>
                  <td>2015-05-25</td>
                  <td>王晶她妈</td>
                  <td>15817481917</td>
                  <td>不包邮</td>
                </tr>
                <tr>
                  <th scope="row">3</th>
                  <td>有效</td>
                  <td>水晶晶磁材分厂</td>
                  <td>2015-05-20 10:30</td>
                  <td>19</td>
                  <td>RMB</td>
                  <td>件</td>
                  <td>2015-05-25</td>
                  <td>王晶她妈</td>
                  <td>15817481917</td>
                  <td>不包邮</td>
                </tr>
                <tr>
                  <th scope="row">4</th>
                  <td>有效</td>
                  <td>水晶晶磁材总厂</td>
                  <td>2015-05-20 10:30</td>
                  <td>10</td>
                  <td>RMB</td>
                  <td>件</td>
                  <td>2015-05-25</td>
                  <td>王晶她妈</td>
                  <td>15817481917</td>
                  <td>不包邮</td>
                </tr>
                <tr>
                  <th scope="row">5</th>
                  <td>有效</td>
                  <td>水晶晶磁材分厂</td>
                  <td>2015-05-20 10:30</td>
                  <td>19</td>
                  <td>RMB</td>
                  <td>件</td>
                  <td>2015-05-25</td>
                  <td>王晶她妈</td>
                  <td>15817481917</td>
                  <td>不包邮</td>
                </tr>
                <tr>
                  <th scope="row">6</th>
                  <td>有效</td>
                  <td>水晶晶磁材总厂</td>
                  <td>2015-05-20 10:30</td>
                  <td>10</td>
                  <td>RMB</td>
                  <td>件</td>
                  <td>2015-05-25</td>
                  <td>王晶她妈</td>
                  <td>15817481917</td>
                  <td>不包邮</td>
                </tr>
                <tr>
                  <th scope="row">7</th>
                  <td>有效</td>
                  <td>水晶晶磁材分厂</td>
                  <td>2015-05-20 10:30</td>
                  <td>19</td>
                  <td>RMB</td>
                  <td>件</td>
                  <td>2015-05-25</td>
                  <td>王晶她妈</td>
                  <td>15817481917</td>
                  <td>不包邮</td>
                </tr>
                <tr>
                  <th scope="row">8</th>
                  <td>有效</td>
                  <td>水晶晶磁材总厂</td>
                  <td>2015-05-20 10:30</td>
                  <td>10</td>
                  <td>RMB</td>
                  <td>件</td>
                  <td>2015-05-25</td>
                  <td>王晶她妈</td>
                  <td>15817481917</td>
                  <td>不包邮</td>
                </tr>
                <tr>
                  <th scope="row">9</th>
                  <td>有效</td>
                  <td>水晶晶磁材分厂</td>
                  <td>2015-05-20 10:30</td>
                  <td>19</td>
                  <td>RMB</td>
                  <td>件</td>
                  <td>2015-05-25</td>
                  <td>王晶她妈</td>
                  <td>15817481917</td>
                  <td>不包邮</td>
                </tr>
                <tr>
                  <th scope="row">10</th>
                  <td>有效</td>
                  <td>水晶晶磁材总厂</td>
                  <td>2015-05-20 10:30</td>
                  <td>10</td>
                  <td>RMB</td>
                  <td>件</td>
                  <td>2015-05-25</td>
                  <td>王晶她妈</td>
                  <td>15817481917</td>
                  <td>不包邮</td>
                </tr>
                <tr>
                  <th scope="row">11</th>
                  <td>有效</td>
                  <td>水晶晶磁材分厂</td>
                  <td>2015-05-20 10:30</td>
                  <td>19</td>
                  <td>RMB</td>
                  <td>件</td>
                  <td>2015-05-25</td>
                  <td>王晶她妈</td>
                  <td>15817481917</td>
                  <td>不包邮</td>
                </tr>
                <tr>
                  <th scope="row">12</th>
                  <td>有效</td>
                  <td>水晶晶磁材总厂</td>
                  <td>2015-05-20 10:30</td>
                  <td>10</td>
                  <td>RMB</td>
                  <td>件</td>
                  <td>2015-05-25</td>
                  <td>王晶她妈</td>
                  <td>15817481917</td>
                  <td>不包邮</td>
                </tr>
                <tr>
                  <th scope="row">13</th>
                  <td>有效</td>
                  <td>水晶晶磁材分厂</td>
                  <td>2015-05-20 10:30</td>
                  <td>19</td>
                  <td>RMB</td>
                  <td>件</td>
                  <td>2015-05-25</td>
                  <td>王晶她妈</td>
                  <td>15817481917</td>
                  <td>不包邮</td>
                </tr>
                <tr>
                  <th scope="row">14</th>
                  <td>有效</td>
                  <td>水晶晶磁材总厂</td>
                  <td>2015-05-20 10:30</td>
                  <td>10</td>
                  <td>RMB</td>
                  <td>件</td>
                  <td>2015-05-25</td>
                  <td>王晶她妈</td>
                  <td>15817481917</td>
                  <td>不包邮</td>
                </tr>
                <tr>
                  <th scope="row">15</th>
                  <td>有效</td>
                  <td>水晶晶磁材分厂</td>
                  <td>2015-05-20 10:30</td>
                  <td>19</td>
                  <td>RMB</td>
                  <td>件</td>
                  <td>2015-05-25</td>
                  <td>王晶她妈</td>
                  <td>15817481917</td>
                  <td>不包邮</td>
                </tr>
                <tr>
                  <th scope="row">16</th>
                  <td>有效</td>
                  <td>水晶晶磁材总厂</td>
                  <td>2015-05-20 10:30</td>
                  <td>10</td>
                  <td>RMB</td>
                  <td>件</td>
                  <td>2015-05-25</td>
                  <td>王晶她妈</td>
                  <td>15817481917</td>
                  <td>不包邮</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>

    </div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery.min.js"></script>
    <script src="js/qrcode.js"></script>
    <script type="text/javascript">

    $(function(){
      $('#requireTable .links').hover(function(){
        $('#qrcodeMade').show();
        makeCode($(this).find('a').html());
      }, function(){
        $('#qrcodeMade').html('').hide();
      });
    });

    function makeCode(text){
      var qrcodeMade = new QRCode(document.getElementById("qrcodeMade"), {
        width : 200,
        height : 200
      });

      qrcodeMade.makeCode(text);
    }
      
    </script>
  </body>
</html>